body { background: #c9e1ee url(../images/bg.png) repeat-x; }
a{ cursor: pointer; text-decoration: none; }

/* Container
-------------------------------------------------------------- */
#container{ overflow: hidden; position:relative; }
#content_container { padding: 15px 10px 0px 10px; overflow: hidden; }
#main_container{ background:url(../images/bg-white-top.png) repeat-x scroll 0 0 transparent; margin-top:20px; min-height:400px; overflow: hidden; width: 960px; padding-top: 10px; }

/* Header
-------------------------------------------------------------- */
#header a{ color: black; }
#header a:hover{ text-decoration: none; }

/* Social Icons
-------------------------------------------------------------- */
/*
#social_icons {overflow: hidden; float: right; margin-top: 3px;}
#social_icons #follow_us {font-size:12px;}
#social_icons li {float: left; list-style-type: none; margin-right: 5px;}
#social_icons li a {background:url(../images/social_icons.gif);display:block;height:19px;overflow:hidden;text-indent:-99999px;width:19px;}
#social_icons li a#fb {background-position:left top;}
#social_icons li a#fb:hover {background-position:left -19px;}
#social_icons li a#tw {background-position:-69px top;}
#social_icons li a#tw:hover {background-position:-69px -19px;}
#social_icons li a#pl {background-position:-46px top;}
#social_icons li a#pl:hover {background-position:-46px -19px;}
*/

/* Navigasi
-------------------------------------------------------------- */
#nav_wrap{ padding: 50px 0 23px; }
#nav { overflow: hidden; float: right; margin-top: 10px; }
#nav li { float: left; font-size: 16px; text-align: center; margin: 0 5px; }
#nav li a { color: #ffffff; display: block; text-transform: uppercase; padding: 6px 10px; }
#nav li a.active,
#nav li a:hover{ -moz-border-radius: 5px; -webkit-border-radius: 5px; background: url(../images/nav_hover.png) repeat-x scroll 0 0 transparent; }

/* Login Button
-------------------------------------------------------------- */
#li_login a{ -moz-border-radius: 5px; -webkit-border-radius: 5px; background:none repeat scroll 0 0 #88BBD4; }
#li_login a:hover{ background:none repeat scroll 0 0 #5599BB!important; }
#li_login a.menu-open { -moz-border-radius: 5px 5px 0px 0px!important; -webkit-border-radius: 5px 5px 0px 0px!important; background:#ddeef6!important; color:#666!important; }
#li_login span{ background-image:url(../images/toggle_down_light.png); background-position:100% 50%; background-repeat:no-repeat; padding-right: 20px; }
#li_login a.menu-open span{ background-image:url(../images/toggle_up_dark.png); color:#789; }
#li_logout a{ -moz-border-radius: 5px; -webkit-border-radius: 5px; background:none repeat scroll 0 0 #ff4c4c; }
#li_logout a:hover{ background:none repeat scroll 0 0 red!important; }

/* Signin Menu
-------------------------------------------------------------- */
#signin_menu {
	-moz-border-radius: 5px 0px 5px 5px;
	-webkit-border-radius: 5px 0px 5px 5px;
	-moz-box-shadow:0 3px 3px rgba(0,0,0,0.3);
	-webkit-box-shadow:0 3px 3px rgba(0,0,0,0.3);
	background-color:#DDEEF6;
	color:#778899;
	display:none;
	padding:12px;
	position:absolute;
	right: 15px;
	text-align:left;
	top: 88px;
	z-index:100;
}

#signin_menu input[type="text"], #signin_menu input[type="password"] {
	-moz-border-radius:4px 4px 4px 4px;
	border:1px solid #AACCEE;
	display:block;
	font-size:13px;
	margin: 5px 0px;
	padding:5px;
	width:203px;
}

#signin_submit{
	-moz-border-radius: 4px;
	background:url(../images/bg-btn-blue.png) repeat-x scroll 0 0 #3399DD;
	border:1px solid #3399DD;
	color:#FFFFFF;
	font-size:11px;
	font-weight:bold;
	margin:0 5px 0 0;
	padding:4px 10px 5px;
	text-shadow:0 -1px 0 #3399DD;
}

#signin_submit:hover, #signin_submit:focus{
	background-position:0 -5px;
	cursor:pointer;
}

#signin_menu .remember{
	padding: 10px 0;
}

/* Logo
-------------------------------------------------------------- */
#logo  { float:left; background: url(../images/logo.png) no-repeat; width: 372px; text-indent: -9999px; }
#logo a { display: block; width: 372px; height: 42px; }

/* Dashboard Menu
-------------------------------------------------------------- */
#dashboard-menu{
    background:url(../images/dashboard-highlight.png) repeat-x scroll;
    -moz-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -moz-border-radius: 0px 0px 4px 4px;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,0.3);
    -webkit-border-radius: 0px 0px 4px 4px;
    overflow: hidden;
}

#dashboard-menu li{
    float: left;
    margin: 0px 0px 0px 10px;
    padding: 10px 10px;
}

#dashboard-menu li.active,
#dashboard-menu li:hover {
    background:url(../images/dashboard-highlight-hover.png) repeat-x scroll;
    -moz-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
	-webkit-box-shadow: 0 1px 8px rgba(0,0,0,0.3);
}

/* Head Bar
-------------------------------------------------------------- */
#headBar{ margin-bottom: 15px; border-bottom: 1px solid #AAAAAA; display: inline; float:left; width: 920px; }
#headBar #headMenu{ float:right; display: inline; }
#headBar #headMenu a{ display:inline; float: left; border: 1px solid #AAAAAA; padding: 3px 6px ; margin: -16px 5px 0px 0px; background: #C9E1EE; -moz-border-radius: 0px 0px 5px 5px; }
#headBar #headMenu a.active{ background: white; color: #555555; }
#headBar h2{ float:left; display: inline; font-size: 1.3em;}

/* Side Bar
-------------------------------------------------------------- */
#sideBar{ float: left; display: inline; width: 210px; margin-right: 20px; }
#sideBar p{ margin-bottom: 10px; line-height: 1.2em;}
#sideBar img{ float: left; margin-right: 5px;}
#sideBar .block { border: 1px solid #CCCCCC; float: left; width: 198px; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2); padding: 5px; margin-bottom: 10px;}
#sideBar .block h3 { font-size: 1.2em; margin-bottom: 1em; }
#sideBar .block a { float: left; display: inline; clear: left; margin: 0 0 0.5em 1em; }
#sideBar #sidebar_menu { }
#sideBar #sidebar_menu a { float:left; clear:left; width: 210px; border: 1px solid #CCCCCC; margin: 0 0 10px -11px; padding: 5px; background: #C9E1EE; -moz-border-radius: 0 5px 5px 0; }
#sideBar #sidebar_menu a.active { background: white; }

/* Main Content
-------------------------------------------------------------- */
#mainContent.half {float: left; display: inline; width: 690px; }
#mainContent.full {float: left; display: inline; }
#mainContent p,
#mainContent #pagination { margin-bottom: 15px; }

#mainContent dd {display: inline; float:left; margin-left: 5px; margin-bottom: 5px; width: 466px;}
#mainContent dt,
#mainContent label {display: inline; float:left; width: 190px; text-align: right; margin-right: 5px; color:#777777; clear: left; margin-bottom: 5px;}
#mainContent input, 
#mainContent select,
#mainContent button,
#mainContent .delete_detail,
#mainContent .block span {display:inline; float:left; margin-left:5px; margin-bottom: 5px;}
#mainContent textarea {display: inline; float: left; width: 250px; height: 50px; margin-bottom: 5px; margin-left: 5px; }

#mainContent .gridBlock,
#mainContent .block {background: white; display: inline; float: left; width: 668px; padding: 10px; margin-bottom: 15px; border: 1px solid #CCCCCC; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2); }
#mainContent .block p{ margin-bottom: 5px;}

#mainContent .block .grid_3 p{ float:left; display: inline; margin: 2px 0px; }
#mainContent .block .grid_3 img{ float: left; margin: 0px 3px; text-align: center; clear: left; }

#mainContent .block .menu { float:right; display: inline;}
#mainContent .block .menu a{ display:inline; float: left; border: 1px solid #BBBBBB; padding: 3px 6px ; margin: -11px 5px 0px 0px; background: #C9E1EE; -moz-border-radius: 0px 0px 5px 5px; }
#mainContent .block .menu a.active{ background: white; color: #555555; }

#mainContent .inside_block {border: 1px solid #CCCCCC; background: #EEEEEE; float:left; display:inline; width: 666px; padding: 10px 0 5px 0; margin: 5px 0 10px 0; -moz-box-shadow:0 2px 2px rgba(0,0,0,0.2); }
#mainContent .inside_block h4 {margin-left: 5px; font-size: 1em; color: #777777;}

#mainContent .header_block {padding-top:5px; padding-bottom:5px; background:#D2E0FF; font-weight:bold; margin-bottom:0; }
#mainContent .last_kunjungan_block,
#mainContent .kunjungan_block {cursor: pointer; margin-bottom: 0}
#mainContent .last_kunjungan_block:hover,
#mainContent .kunjungan_block:hover {background:#FFFFB0;}
#mainContent .last_kunjungan_block {margin-bottom: 15px;}
#mainContent .daftar_akun h4{ font-size: 1.5em; margin-bottom: 2px; float: none;}

#mainContent .device_info {background: #C9E1EE;}

/* Home
-------------------------------------------------------------- */
#promo{ background: url(../images/promo.png) repeat-x; height: 320px; -moz-box-shadow: 0 0 5px #000000; /* -webkit-box-shadow: 0 0 5px #000000;  */ }
#content_wrap{ background: #ffffff url(../images/content_bg.png) repeat-x; min-height: 400px; -moz-box-shadow: 0 0 5px #6F8794; -webkit-box-shadow: 0 0 5px #6F8794; overflow: hidden; }

#primary_content p,
#secondary_content p{ line-height: 25px; } 
#primary_content div{ margin-bottom: 10px; } 
#secondary_content {position: relative;}

cite{ color:#2F231E; float:right; font:bold 15px arial; padding-right:20px; padding-top:45px; }
cite span{ color:#89451F; display:block!important; font-size:10px; line-height:10px; float:none!important; margin-left:0px!important; margin-bottom:0px!important; }
blockquote{ -moz-border-radius:10px 10px 10px 10px; -webkit-border-radius:10px 10px 10px 10px; background:#9DC6FF; padding:23px; margin-bottom: 0px; }
.arrow{ border-left:30px solid #FFFFFF; border-right:0px solid #FFFFFF; border-top:30px solid #9DC6FF; height:0; line-height:0; position:absolute; right:80px; width:0; }

/* Footer
-------------------------------------------------------------- */
#footer_wrap{ background: #062c4f url(../images/footer_bg.png) repeat-x; }
#footer_container{ background: #062c4f url(../images/footer_top.jpg) no-repeat; overflow: hidden; padding: 60px 0 20px;; }
#footer_container p{ color: #d5e5ed; }
#footer_container a{ color: white; font-weight: bold; }
#footer_logo{ float: left; } 
#footer_menu { margin-top: 20px; overflow: hidden; float: right; }
#footer_nav{ float: right; margin-bottom: 10px; }
#footer_nav li { float: left; font-size: 14px; font-family: arial; text-align: center; margin: 0 5px 0 5px; }
#company_info{ float: right; margin-right: 5px; clear: both; }

/* Calendar
-------------------------------------------------------------- */
#mainContent .calendar{ }
#mainContent .calendar th, td{ padding: 0px; }
#mainContent .calendar .days td{ width: 90px; height: 55px; padding: 4px; border: 1px solid #C7C7C7; vertical-align: top; }
#mainContent .calendar .days td.blank{ border: 0px; } 
#mainContent .calendar .days td.day{ cursor: pointer; } 
#mainContent .calendar .days td.day:hover{ background: #D2E0FF!important; } 
#mainContent .calendar .week td{ background: #D2E0FF; height: 20px; padding: 4px; border: 1px solid #C7C7C7; }
#mainContent .calendar .month th{ height: 30px; padding: 4px; }
#mainContent .calendar .day_num{ margin-bottom: 15px; } 
#mainContent .calendar td.cal_content{ background: #FFD480; }

#sideBar .calendar{ clear: both; }
#sideBar .calendar th, td{ padding: 0px; }
#sideBar .calendar .days td{ padding: 4px; border: 1px solid #C7C7C7; vertical-align: top; width: 20px; height: 25px;}
#sideBar .calendar .days td.blank{ border: 0px; } 
#sideBar .calendar .days td.day{ cursor: pointer; }
#sideBar .calendar .days td.day:hover{ background: #D2E0FF!important; } 
#sideBar .calendar .week td{ background: #D2E0FF; height: 20px; padding: 4px; border: 1px solid #C7C7C7; }
#sideBar .calendar .month th{ height: 30px; padding: 4px; }
#sideBar .calendar td.cal_content{ background: #FFD480; }
#sideBar .calendar .selected{ border: solid 3px!important; width: 18px!important; height: 23px!important;}

/* Dll
-------------------------------------------------------------- */
.required { font-weight: bold; }
#flash_info{
	display: inline;
	float:left;
	width: 898px;
	color: green;
	background: #E3FFCD;
	text-align: center;
	padding: 5px 10px;
	border: 1px solid green;
	margin-bottom: 15px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#error_info {border: 1px solid red!important; color: red;}
#error_info h3,
#error_info h4 {color: red;}
#mainContent #error_info p {display: inline; float: left; clear: left; margin: 0 0 10px 10px;}
